<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	
	<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
	
	<style type="text/css">
	*{
		margin:0px;
		padding:0px;
	}
	.top{
		width:100%; 
		height:35px; 
		line-height:35px; 
		font-size:12px;	
	}
	.top ul li{
		list-style:none;
		float:right;
		width:60px;
	}
	a{
		color:#06F;
		text-decoration:none;
	}
	a:hover{
		text-decoration:underline;
	}
	.show{
		display:block;
	}
	.hidden{
		display:none;
	}
	.show ul li{
		height:26px;
		line-height:26px;
		background:#FFF;
		padding-left:40px;
		font-size:13px;
		list-style: none;
	}
	.show ul li:hover{
		background:#EFEFEF;
	}
	.show ul li a{
		text-decoration: none;
	}
	.manager_nav{
		height:38px;
		color:#FFF;
		font-size:13px;
		font-weight:bold;
		line-height:36px;
		padding-left:12px;
		border-bottom:1px dashed #333;
	}
	table tr{
		height: 38px;
	}
	.succeed{
		width:320px; 
		height:80px;
		font-size:30px;
		color:#093;
		font-weight:bold;
		background:#DFDFDF;
		line-height:80px;
		text-align:center;
		border-radius:10px;
		position:absolute;
		z-index:20;
		margin:150px 200px;
	}
	.addupload{
		background:#406BDD; 
		width:60px; 
		height:20px; 
		border:none; 
		color:#FFF;
		border-radius:5px;
	}
	.delupload{
		background:red; 
		width:60px; 
		height:20px; 
		border:none; 
		color:#FFF;
		border-radius:5px;
	}
	</style>
</head>

<body>
	<div style="height:35px;;width:100%;border-bottom:1px solid #CCC; z-index:-1; position:absolute; background:#EFEFEF;"></div>
	<div style="width:1200px; margin:auto;">
        <!-- 顶部索引 -->
        <div class="top">
        	<div style="width:50%; float:left;">你好！欢迎进入中国报案网。</div>
            <div style="width:50%; float:right; text-align:right;">
				<jsp:include page="top2.jsp"></jsp:include>
            </div>
        </div>
        <!-- 主体内容 -->
        <div style="width:100%; height:560px;  font-family: '微软雅黑';">
            <div style="width: 1100px; height:530px; border:1px solid #406BDD; border-radius:10px; margin:38px 60px;">   
            	<!-- 左边菜单栏 -->
            	<div style="width:20%; height:100%; background:#406BDD; float:left; border-top-left-radius:10px; border-bottom-left-radius:10px;">         		       
            		<jsp:include page="left.jsp"></jsp:include>
            	</div>
            	<div style="width:80%; float:left; background:#EFEFEF; height:100%; border-top-right-radius:10px; border-bottom-right-radius:10px;">    
					<div style="width:95%; height:50px; background:#FFF; margin:6px auto; border:1px solid #888;"></div>
					<!-- 提示成功信息 -->
					<input type="hidden" value="${requestScope.succeedmsg}" id="tips"/>
					<div style="margin:10px auto; background:#FFF; width:95%; border:1px solid #888;">
						<!-- 添加案件信息  -->
						<form action="${pageContext.request.contextPath }/AddCaseAction_addcase?op=1" enctype="multipart/form-data" method="post">
							<table border="0px" align="center" width="100%" cellspacing="0px">
								<tr>
									<td colspan="4">&nbsp;管理员：${Staff.staffname }</td>					
								</tr>								
								<tr>									
									<td align="right">请选择接案人员：</td>
									<td colspan="3">
										<div>
											&nbsp;<select name="staffid" id="makeupCoSe" style="width:190px; height:20px; margin:-2px;" onChange="changeF()">  
												<s:iterator value="#request.staffList" var="staff">
													<s:if test="#staff.stafftype != '老总'">									
														<option value="<s:property value="#staff.staffid"/>"><s:property value="#staff.staffname"/></option>												
													</s:if>
												</s:iterator>
											</select>  
										</div>
									 	<div style="margin-top:-21px;">
							   				&nbsp;<input type="text" id="makeupCo" placeholder="请选择或输入" style="width:170px; height:18px; border:0px solid #c1c1c1; outline:none; padding-left:5px;">
										</div>
									</td>
								</tr>
								<tr >
									<td align="right">请填报案人：</td>
									<td>
										<input type="text" name="userid" placeholder="请输入用户编号" style="width:220px; height: 32px; padding-left: 5px;">
									</td>
									<td align="right">请填写车牌号码：</td>
									<td>
										<input type="text" name="licenseplate" placeholder="请输入车牌号码" style="width:220px; height: 32px; padding-left: 5px;">
									</td>
								</tr>
								<tr>
									<td align="right">请填写车架号：</td>
									<td>
										<input type="text" name="frame" placeholder="请输入车架号码" style="width:220px; height: 32px; padding-left: 5px;">	
									</td>
									<td align="right">请填写发动机号：</td>
									<td>
										<input type="text" name="caseengine" placeholder="请输入发动机号" style="width:220px; height: 32px; padding-left: 5px;">	
									</td>
								</tr>
								<tr>
									<td align="right">请填写手机号码：</td>
									<td>
										<input type="text" name="phone" placeholder="请输入手机号码" style="width:220px; height: 32px; padding-left: 5px;">	
									</td>
									<td align="right">请填写身份证号：</td>
									<td>
										<input type="text" name="idcard" placeholder="请输入身份证号" style="width:220px; height: 32px; padding-left: 5px;">
									</td>
								</tr>						
								<tr>
									<td align="right">请选择报险类型：</td>
									<td colspan="3">
										<select name="casetype">
											<option value="涉水险">涉水险</option>
											<option value="商三者险">商三者险</option>
											<option value="座位险">座位险</option>
											<option value="交强险">交强险</option>
											<option value="自燃险">自燃险</option>
										</select>
									</td>
								</tr>
								<tr>
									<td align="right">请填写报险地点：</td>
									<td colspan="3">
										<input type="text" placeholder="请输入报险地点" name="place" style="width: 500px; height: 32px; padding-left: 5px;"/>
									</td>
								</tr>
								<tr id="body">
									<td align="right">请上传图片：</td>
									<td colspan="3">
										<input type="file" name="upload" />
	       								<input type="button" value="添加" class="addupload" id="button"><br>
	       								<div></div>
									</td>
								</tr>
								
								<tr >
									<td height="80px" align="right">备注：</td>
									<td colspan="3">
										<textarea rows="5" cols="68" name="remarks" style="padding-left: 5px;"></textarea>
									</td>
								</tr>
								<tr>
									<td>&nbsp;</td>
									<td colspan="3" height="60px">
										<input type="submit" style="width: 120px; height: 32px; background:#406BDD; border: none; color: #FFF; font-size: 16px;"/>
									</td>
								</tr>
							</table>
						</form>
					</div>
				</div> 
            </div>
        </div>
        <!-- 版权 -->
        <div style="width:100%; height:30px; text-align:center; line-height:30px; float:left; font-size:14px;">Copyright© 中国报案网 2007-2015，All Rights Reserved</div>
    </div>
    <script type="text/javascript" src="./js/util.js"></script>
    <script type="text/javascript" src="./js/addupload.js"></script>
</body>
</html>
